<template>
	<view>
		<view class="topline"></view>
		<view class="detail" v-for="(item,index) in list" :key="index">
			<view class="detail_left">
				<view class="">{{item.name}}</view>
				<view class="time">{{item.time}}</view>
			</view>
			<view class="detail_right">{{item.num}}</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				list: [{
					name: '提现',
					time: '2024-10-10 10:30:00',
					num: '-1,028.12789'
				}, {
					name: '提现',
					time: '2024-10-10 10:30:00',
					num: '-1,028.12789'
				}]
			}
		},
		methods: {

		}
	}
</script>

<style lang="scss">
	.topline {
		width: 750rpx;
		height: 2rpx;
		background: #EAEAEA;
	}

	.detail {
		width: 750rpx;
		height: 122rpx;
		padding: 30rpx;
		display: flex;
		justify-content: space-between;
		align-items: center;

		&_left {
			font-weight: 500;
			font-size: 28rpx;
			color: #333333;

			.time {
				font-weight: 400;
				font-size: 24rpx;
				color: #999999;
			}
		}

		&_right {
			font-weight: 500;
			font-size: 28rpx;
			color: #333333;
		}
	}
</style>